@charset "utf-8";
html, body, #app {width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: #f2f2f2; font-size: 14px; color: #303133; font-family: "Consolas", "Microsoft YaHei", sans-serif; box-sizing: border-box;}

.fade-mod-enter-active, .fade-mod-leave-active {transition: opacity 0.5s ease;}
.fade-mod-enter-from, .fade-mod-leave-to {opacity: 0;}
.fade-ud-enter-active {animation: fadeInDown 0.5s;}
.fade-ud-leave-to {animation: fadeInDown 0.5s reverse;}
.bounce-rt-enter-active {animation: bounceInRight 0.6s;}
.bounce-rt-leave-to {animation: bounceInRight 0.6s reverse;}

/* 动画——fadeInDown——向下淡入 */
@-webkit-keyframes fadeInDown {
  0% {opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}
}
@keyframes fadeInDown {
  0% {opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}
}
/* 动画——bounceInRight——向左飞入 */
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1)}
  0% {opacity: 0; -webkit-transform: translate3d(1000px,0,0) scaleX(3); transform: translate3d(1000px,0,0) scaleX(3)}
  60% {opacity:1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1)}
  75% {-webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98)}
  90% {-webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995)}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1)}
  0% {opacity: 0; -webkit-transform: translate3d(1000px,0,0) scaleX(3); transform: translate3d(1000px,0,0) scaleX(3)}
  60% {opacity: 1;-webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1)}
  75% {-webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98)}
  90% {-webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995)}
  to {-webkit-transform: translateZ(0); transform:translateZ(0)}
}

/* 字体图标样式 */
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.ttf?t=1750215659927') format('truetype');
}
.iconfont {font-family: "iconfont", sans-serif !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.md1 {vertical-align: -1px;}
.md2 {vertical-align: -2px;}
.md3 {vertical-align: -3px;}

/* 颜色样式 */
.color-p {color: #2080f0;}
.color-s {color: #18a058;}
.color-i {color: #333639;}
.color-w {color: #f0a020;}
.color-e {color: #d03050;}
.color-wt {color: #ffffff;}
.color-d {color: #515151;}

.colorg {color: #2EAB4C;}
.colorh {color: #A9A948;}
.colorr {color: #B55154;}
.colorp {color: #B757AF;}
.colorb {color: #5757AF;}
.colorl {color: #31ABAA;}

/* 通用样式 */
.hide {display: none;}
.w100 {width: 100%;}
.h100 {height: 100%;}
.mr5 {margin-right: 5px;}
.mr15 {margin-right: 15px;}
.mt10 {margin-top: 10px;}
.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs25 {font-size: 26px;}
.fs30 {font-size: 30px;}
.no-data {height: 50px; line-height: 50px; text-align: center; color: #909399;}
.required {color: #F56C6C;}
.cur {cursor: pointer;}
table {width: 100%; border-collapse: collapse; border:1px #eeeeee solid;}
th {padding: 10px 0; border: 1px #eeeeee solid; background-color: #fafafa; font-size: 16px; color: #303133; text-align: center; font-weight: normal;}
td {padding: 8px; border: 1px #eeeeee solid;}
.title {text-align: right; font-weight: bold;}
.tr-style:hover {background-color:#F2F2F2;}
.txt-center {text-align: center;}
.txt-right {text-align: right;}
.img {width: 100%; height: 100%;}
.max-img {max-width: 100%;}

/* a标签 */
a {color: #409EFF; text-decoration: none;}
a:hover {color: #66B1FF; text-decoration: underline;}
.cl-blue {color: #409EFF; cursor: pointer;}
.cl-blue:hover {color: #66B1FF;}
.cl-warn {color: #f0a020; cursor: pointer;}
.cl-warn:hover {color: #fcb040;}
.cl-error {color: #f56c6c; cursor: pointer;}
.cl-error:hover {color: #fc4e57;}
.cl-success {color: #67c23a; cursor: pointer;}
.cl-success:hover {color: #b3e19d;}

/* 标记样式 */
.badge {border-radius: 10px; padding: 0 5px; background-color: #fc4e57; position: relative; font-size: 10px; color: #FFF;}
.tag-p {font-size: 12px; padding: 3px 5px; border-radius: 4px; background-color: #dbebfd; border: 1px #a0cfff solid; color: #2080f0;}
.tag-i {font-size: 12px; padding: 3px 5px; border-radius: 4px; background-color: #fafafc; border: 1px #c8c9cc solid; color: #333639;}
.tag-s {font-size: 12px; padding: 3px 5px; border-radius: 4px; background-color: #f0f9eb; border: 1px #b3e19d solid; color: #67c23a;}
.tag-w {font-size: 12px; padding: 3px 5px; border-radius: 4px; background-color: #fdf0db; border: 1px #f3d19e solid; color: #f0a020;}
.tag-e {font-size: 12px; padding: 3px 5px; border-radius: 4px; background-color: #fef0f0; border: 1px #fab6b6 solid; color: #f56c6c;}

/* 弹出层及对话框样式 */
.modal-backdrop {height: 100%; position: fixed; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .5); overflow: hidden;}
.modal {background-color: #FFF; box-shadow: 2px 2px 5px #555; border-radius: 4px; margin: 6px auto;}
.modal-header {color: #303133; border-bottom: 1px solid #EEE; padding: 15px; display: flex; display: -webkit-flex;}
.header-left {flex-grow: 1; font-size: 18px;}
.header-right {width: 20px; text-align: right; cursor: pointer;}
.header-right:hover {color: #009688;}
.modal-body {padding: 10px 20px; overflow: hidden;}
.modal-footer {border-top: 1px solid #EEE; padding: 15px; display: flex; display: -webkit-flex; justify-content: flex-end;}

/* 表单样式 */
select, input {font-family: "Consolas", "Microsoft YaHei", "sans-serif"; border: 1px solid #DCDFE6; border-radius: 4px; color: #303133; outline: medium;}
input:focus {border: 1px solid #66B1FF;}

.ipt {width: calc(100% - 20px); padding: 8px;}
.ipt:focus {border: 1px solid #66B1FF;}
.ipt1 {width: 30px; padding: 8px; text-align: center;}
.ipt1:focus {border: 1px solid #66B1FF;}
.ipt2 {flex-grow: 1; padding: 8px;}
.ipt2:focus {border: 1px solid #66B1FF;}
.ipt-title {color: #606266; font-size: 16px; padding-top:15px;}
.desc-txt {width: calc(100% - 20px); height: 150px; font-family: "Consolas", "Microsoft YaHei", "sans-serif"; border: 1px solid #DCDFE6; border-radius: 4px; padding: 5px 10px; color: #303133; line-height: 20px;}
.desc-txt:focus {border: 1px solid #66B1FF; outline: none;}
.sch-ipt {width: 226px; padding: 8px;}

/* 文本框右边控制图标 */
.ipt-del-l {position: absolute; margin: 14px 0 0 -28px; color: #999; cursor: pointer;}
.ipt-show-l {position: absolute; margin: 14px 0 0 -56px; color: #999; cursor: pointer;}
.ipt-del-s {position: absolute; margin: 9px 0 0 -28px; color: #999; cursor: pointer;}
.ipt-show-s {position: absolute; margin: 9px 0 0 -56px; color: #999; cursor: pointer;}

/* 按钮样式 */
.btn-pi {min-width: 60px; height: 32px; line-height: 32px; padding: 0 10px; background-color: #409eff; border-radius: 4px; text-align: center; color: #FFF; cursor: pointer;}
.btn-pi:hover {background-color: #4098fc;}
.btn-ps {min-width: 60px; height: 32px; line-height: 32px; padding: 0 10px; background-color: #67c23a; border-radius: 4px; text-align: center; color: #FFF; cursor: pointer;}
.btn-ps:hover {background-color: #36ad6a;}
.btn-pw {min-width: 60px; height: 32px; line-height: 32px; padding: 0 10px; background-color: #e6a23c; border-radius: 4px; text-align: center; color: #FFF; cursor: pointer;}
.btn-pw:hover {background-color: #fcb040;}
.btn-pe {min-width: 60px; height: 32px; line-height: 32px; padding: 0 10px; background-color: #f56c6c; border-radius: 4px; text-align: center; color: #FFF; cursor: pointer;}
.btn-pe:hover {background-color: #de576d;}
.btn-d {min-width: 58px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #FFF; border-radius: 4px; text-align: center; color: #737478; cursor: pointer; border: 1px solid #c8c9cc;}
.btn-d:hover {background-color: #eceded;}
.btn-di {min-width: 58px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #f4f4f5; border-radius: 4px; text-align: center; color: #409eff; cursor: pointer; border: 1px solid #c8c9cc;}
.btn-di:hover {background-color: #cee3fc;}
.btn-ds {min-width: 58px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #daf0e4; border-radius: 4px; text-align: center; color: #67c23a; cursor: pointer; border: 1px solid #b3e19d;}
.btn-ds:hover {background-color: #cceada;}
.btn-dw {min-width: 58px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #fdf0db; border-radius: 4px; text-align: center; color: #e6a23c; cursor: pointer; border: 1px solid #f3d19e;}
.btn-dw:hover {background-color: #fceace;}
.btn-de {min-width: 58px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #f7dee3; border-radius: 4px; text-align: center; color: #f78282; cursor: pointer; border: 1px solid #fab6b6;}
.btn-de:hover {background-color: #f5d2d9;}
.btn-r {width: 32px; height: 32px; line-height: 32px; background-color: #FFF; border-radius: 50%; text-align: center; color: #737478; cursor: pointer; border: 1px solid #c8c9cc;}
.btn-r:hover {background-color: #eceded;}
.btn-rs {width: 32px; height: 32px; line-height: 32px; background-color: #daf0e4; border-radius: 50%; text-align: center; color: #67c23a; cursor: pointer; border: 1px solid #b3e19d;}
.btn-rs:hover {background-color: #cceada;}
.btn-rw {width: 32px; height: 32px; line-height: 32px; background-color: #fdf0db; border-radius: 50%; text-align: center; color: #e6a23c; cursor: pointer; border: 1px solid #f3d19e;}
.btn-rw:hover {background-color: #fceace;}
.btn-n {height: 32px; line-height: 32px; padding: 0 10px; text-align: center; color: #f0a020; cursor: pointer;}
.btn-n:hover {color: #fceace;}

/* 复选框、单选框样式 */
.chk {color: #666; cursor: pointer; font-size: 18px;}
.chk:hover {color: #409EFF;}
.chked {color: #409EFF; cursor: pointer; font-size: 18px;}

/* 文本内容加省略号 */
.dan {text-overflow: ellipsis; white-space: nowrap;}
.duo {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.c-scrollbar-content {height: 100% !important;}

/* 提示 */
.tooltip {position: relative; display: inline-block; cursor: pointer;}
.tooltip::after {content: attr(data-title); position: absolute; bottom: 100%; left: 70%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 5px 10px; border-radius: 4px; white-space: nowrap; font-size: 12px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out;}
.tooltip:hover::after {opacity: 1; visibility: visible;}
